<template>

    <div id="app">
        <div style="margin-top: 40px;margin-bottom: 40px;">
         <!--   <span style="font-size: 25px;">{{data.title}}</span> -->
            <el-divider><span style="font-size: 25px;">{{data.title}}</span></el-divider>
        </div>
        <el-card shadow="never" style="margin-right: 300px;width: auto;margin-left: 300px;margin-bottom: 20px;padding: 20px">
            <div style="text-align: center;padding-left: 50px">
                <h1 style="font-size: 20px;color: #4d4d4d;">简介：{{data.content}}</h1>
                <h1 style="font-size: 20px;color: #4d4d4d;">成立时间：{{data.ctime}}</h1>
                <h1 style="font-size: 20px;color: #4d4d4d;">成立时间：{{data.ctime}}</h1>
                <h1 style="font-size: 20px;color: #4d4d4d;">成立时间：{{data.ctime}}</h1>
            </div>
        </el-card>
        <el-carousel  style="margin-top: 1px;cursor: pointer" :interval="4000" arrow="always"
                     height="409px">
            <el-carousel-item style="height: 409px;" v-for="(item, index) in banner" :key="index">
                <el-image style=" height: 100%;" :src="item"></el-image>
            </el-carousel-item>
        </el-carousel>

        <div style="margin-top: 40px;margin-bottom: 40px">
            <el-divider><span style="font-size: 25px;">精彩记录</span></el-divider>
        </div>

<!--        <div style="margin-top: 40px;margin-bottom: 40px">
            <el-divider><span style="font-size: 25px;">相册</span></el-divider>
        </div>-->
        <el-image v-for="(item ,key) in banner" :key="key" :src="item"/>

    </div>
</template>

<script>
    export default {
        name: "Community",
        data() {
            return {
                banner: [
                    'http://jmva.jiangmen.cn/images/p1_1.png',
                    'http://jmva.jiangmen.cn/images/p4_1.png',
                    'http://jmva.jiangmen.cn/images/p8_1.png',
                    'http://jmva.jiangmen.cn/images/p2_1.png',
                    'http://jmva.jiangmen.cn/images/p3_1.jpg',
                    'http://jmva.jiangmen.cn/images/p7_1.jpg',
                ],
                data: {
                    id: 1,
                    img: 'http://jmva.jiangmen.cn/upload/attachment/206/20161121103214_988.jpg',
                    title: '五邑大学智能制造学部',
                    zmrs: 20,
                    bmrs: 10,
                    day: 10,
                    ctime:'1999年6月1日',
                    content:'为爱而生，给世界带来温暖，非常有爱的一个社区',
                },
            }
        },
        created() {

        },
        mounted() {

        },
        methods: {},
        beforeDestroy() {

        },
        props: {},
        computed: {//计算属性

        },
    }
</script>

<style scoped>

</style>
